<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="瑜伽商城，瑜伽运动，运动，健身，锻炼">
    <meta name="description" content="瑜伽（英文：Yoga，印地语：योग）是一个汉语词汇，最早是从印度梵语“yug”或“yuj”而来，其含意为“一致”、“结合”或“和谐”。瑜伽源于古印度，是古印度六大哲学派别中的一系，探寻“梵我合一”的道理与方法。而现代人所称的瑜伽则主要是一系列的修身养心方法。">
    <title></title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../css/public.css">
    <link rel="stylesheet" type="text/css" href="../css/yoga.css">
    <link rel="stylesheet" type="text/css" href="../css/pubulic_wrap.css">
    <link rel="stylesheet" type="text/css" href="../css/all.css">
    <link rel="shortcut icon" href="../home/images/Yoga_03.png" type="image/png">
    <script type="text/javascript" src="../front_js/jquery.min.js"></script>
    <title>yoga-checkout</title>
</head>
<body>
<!--头部开始-->
<header class="shop-checkout white">
    <!--顶部图标-->
    <img src="../shop_checkout/images/33ShopCheckoutLogin_03.png" alt="" />
    <!--顶部二级导航-->
    <ul class="clearfix">
        <li><a href="#">Home</a>
            <ol>
                <li><a href="#">Yoga studio</a></li>
                <li><a href="#">Fitness club</a></li>
                <li><a href="#">Gym</a></li>
                <li><a href="#">Health club</a></li>
                <li><a href="#">Coach</a></li>
                <li><a href="#">Dance</a></li>
            </ol><i></i></li>
        <li><a href="#">Pages</a>
            <ol>
                <li><a href="#">About Us </a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li><a href="#">Events</a>
            <ol>
                <li><a href="#">All Events</a></li>
                <li><a href="#">Events One</a></li>
                <li><a href="#">Events Two</a></li>
                <li><a href="#">Events Three</a></li>
                <li><a href="#">Events Four</a></li>
                <li><a href="#">Single Event</a></li>
            </ol><i></i></li>
        <li><a href="#">Portfolio</a>
            <ol>
                <li><a href="#">Column 3 Сols</a></li>
                <li><a href="#">Columns 4 Сols Wide</a></li>
                <li><a href="#">4 Сols Masonry</a></li>
                <li><a href="#">Four Columns</a></li>
                <li><a href="#">Gallery</a></li>
            </ol><i></i></li>
        <li><a href="#">Blog</a>
            <ol>
                <li><a href="#">About Us</a></li>
                <li><a href="#">Services</a></li>
                <li><a href="#">Reservations</a></li>
                <li><a href="#">Pricing Tables</a></li>
                <li><a href="#">Our Team</a></li>
                <li><a href="#">Content Elements</a></li>
            </ol><i></i></li>
        <li class="bdcolor"><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
    <!--顶部二级导航右侧图标-->
    <div class="home-index-cart">
        <span><a href="#"><img src="../shop_checkout/images/33ShopCheckoutLogin_06.png" alt="" /></a></span>
        <span><a href="#"><img src="../shop_checkout/images/33ShopCheckoutLogin_08.png" alt="" /></a><div>0</div></span>
        <span>
                <a href="#"><img src="../shop_checkout/images/33ShopCheckoutLogin_10.png" alt="" /></a>
                <strong>EN</strong><strong>+</strong>
            </span>
    </div>
    <script>
        $("header ol").hide();
        $("header i").hide();
        $("header>ul>li").each(function(index,element){
            $(this).attr("index",index);
        })
        $("header>ul>li").mouseenter(function(){
            var index = $(this).attr("index");
            $("header ol").hide();
            $("header i").hide();
            $("header ol").eq(index).show();
            $("header i").eq(index).show();
            $(this).mouseleave(function(){
                $("header ol").hide();
                $("header i").hide();
            })
        })
    </script>
    <div class="checkout-top">
        <div class="content">
            <ul class="clearfix">
                <li class="jzz-cktop-l">CHECKOUT</li>
                <li class="jzz-cktop-r">
                    <ul class="clearfix">
                        <li><a href="#">Home</a></li>
                        <li> > </li>
                        <li><a href="#">Cart</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</header>
    <div class="shop-cart-two clearfix">
        <div class="content">
            <div class="shop-cart-two-bottom">
                <div class="content">
                    <table class="cart-table">
                        <thead>
                        <tr>
                            <td colspan="3">Product</td>
                            <td>Price</td>
                            <td>Quantity</td>
                            <td>Total</td>
                            <td></td>
                        </tr>
                        </thead>
                        <tbody>
                        <tr class="cart-table-content">
                            <td colspan="3" class="cart-table-content-td">
                                <div class="goods-pic">
                                    <img src="../im/Layer9.png">
                                </div>
                                <p class="cart-goods-content home-y-words">Mindful Resilience</p>
                                <p class="cart-goods-content">scelerisqm sed metus eu, faucibus dapibus metus. Duis ullamcor</p>
                            </td>
                            <td>$25.50</td>
                            <td>
                                <p class="goods-num border2">1
                                    <img src="../im/Shape5232.png" class="add">
                                    <img src="../im/Shape523copy.png" class="abate">
                                </p>
                            </td>
                            <td>$25.50</td>
                            <td>
                                <img src="../im/Close.png">
                            </td>
                        </tr>
                        <tr class="tr-last">
                            <td colspan="3" class='cart-down'>
                                <div class="search-cart-down">
                                    <input type="text" name="" class="border2" placeholder="Coupon code">
                                    <a href="" class="cart-down-Apply online-add you-cho-a border2">Apply </a>
                                </div>
                            </td>
                            <td></td>
                            <td></td>
                            <td colspan="2" class="tr-last-td">
                                <a href="" class="Update-Cart-button online-add you-cho-a border2">From $ 79.99</a>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="shop-cart-two-top">
                <ul class="clearfix">
                    <li><h2>Cart Totals:</h2></li>
                    <li><p>Subtotal:</p><i>$22.5</i></li>
                    <li><p>Subtotal:</p><b>$22.5</b></li>
                </ul>
                <a href="" class="type-a">
                    Proceed To Checkout
                </a>
            </div>
        </div>
    </div>
<footer class="jzz-bott">
    <!--图标-->
    <img class="home-index-foottop" src="../home/images/home_index_foot_03.png" alt="">
    <!--文字-->
    <div class="home-index-footp">
        <p>Mauris justo sem, gravida ut enim a, rutrum molestie ligula.</p>
        <p>Cras in massa metus. Suspendisse potenti. Nam sagittis</p>
    </div>
    <!--文字-->
    <p>Subscribe us</p>
    <!--邮件input框-->
    <div class="home-index-footserch">
        <input type="text" placeholder="Enter your email" />
        <span>SEND</span>
    </div>
    <!--三个小图片-->
    <div class="home-index-footimg">
        <a href="#"><img src="../home/images/home_index_foot_07.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_09.png" alt="" /></a>
        <a href="#"><img src="../home/images/home_index_foot_11.png" alt="" /></a>
    </div>
    <!--底部导航-->
    <ul class="home-index-footnav clearfix">
        <li><a href="#">Home</a></li>
        <li><a href="#">Pages</a></li>
        <li><a href="#">Envents</a></li>
        <li><a href="#">Portfolio</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Shop</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>
</footer>
<!--返回顶部图标-->
<img class="home-gotop" src="../home/images/home_index_foot_14.png" alt="" />
<script>
    $(".home-gotop").hide();
    $("body").ready(function(){
        $(".home-gotop").click(function(){
            $("html,body").animate({scrollTop:0},250);
        });
        setInterval(function(){
            if($("html,body").scrollTop() === 0) {
                $(".home-gotop").hide();
            }
            else{
                $(".home-gotop").show();
            }
        },500)
    });
</script>
</body>
</html>